@import 'app-base.less';

html {
  font-size: 62.5%;
  //font-family: 'STHeiti', 'SimHei', 'Microsoft YaHei', Helvetica, sans-serif;
}



body {
  font-size: 14px;
}

.text_small {
  font-size: 12px;
}
.text_title {
  font-size: 16px;
}
/* element 覆盖样式*/
.el-main {
  padding: 0;
}

.el-descriptions .is-bordered .el-descriptions-item__cell {
  padding: 8px 6px;
}

.el-select-dropdown {
  max-width: 100%;
}

.el_form_row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

// .custom_upload_img_card>.el-upload {
//   display: none;
// }
.el-input-nopadding .el-input__inner {
  padding: 1px;
}

.el_form_row>.el-form-item {
  display: flex;
  flex-direction: row;
}

.el_form_row>.el-form-item>.el-form-item__content {
  flex: 1;
}

//处理选择器样式

.el-input-group__append,
.el-input-group__prepend {
  padding: 0 5px;
}
.el-input-group__append .el-button, .el-input-group__append .el-select, .el-input-group__prepend .el-button, .el-input-group__prepend .el-select {
  margin: -5px 0;
}

//处理表格禁用情况样式，覆盖原有hover高亮样式
.el-table__row>.tableCell_disabled {
  background-color: @disabledBackColor
}

.el-table--enable-row-hover .el-table__body tr:hover>td.tableCell_disabled {
  background-color: @disabledBackColor
}

.el-table--enable-row-hover .el-table__body tr:hover>td.tableCell_noHoverLight {
  background-color: transparent
}

.ex_table_auto_div>.el-table th.is-center>.cell {
  padding-left: 3px;
  padding-right: 3px;
}

.ex_talbe_special>.el-table--border tbody .el-table__cell {
  border-right: 1px solid transparent;
}
.ex_talbe_special>.el-table--border tbody .el-table__cell.revert_cell_border {
  border-right: 1px solid #EBEEF5;
}

// 用来补充 fixed右侧边框
.el-table__fixed-body-wrapper {
  border-right: 1px solid #EBEEF5;
}

.ex_table_auto_div>.el-table td.is-center>.cell {
  padding-left: 5px;
  padding-right: 5px;
}

.ex_table_auto_div>.ex_table_auto {
  margin-bottom: 7px;
}

.el-dialog__wrapper {

  display: flex;
  flex-flow: column;
  justify-content: center;

  .el-dialog {
    margin: 0 auto;
  }
}
.el-input__inner{
  padding-left: 10px;
  padding-right: 10px;
}
.desc_flex_row.el-descriptions .el-descriptions-row {
  display: flex;
  flex-flow: row;
}

.no_clear_range_picker>.el-picker-panel__footer .el-picker-panel__link-btn.el-button--text {
  display: none;
}

.a_file_link {
  cursor: pointer;
  text-decoration: underline;
  font-size: 12px;
  color: @primaryColor;
}


.tabs_no_horizontal_pad.el-tabs--border-card>.el-tabs__content{
  padding-left: 0px;
  padding-right: 0px;
}
// build >> button_text_danger/button_text_info/button_text_primary/button_text_success/button_text_warning
// each(@colorTypeList, {
//   .button_text_@{key} {
//     color: @value;
//     &:hover, &:focus {
//       color: mix(@whiteColor, @value, 20%);
//     }
//   }
// });


/* 自定义样式*/

.app-main-menu {
  width: 200px;
  background-color: #fff;
  border-right: 1px solid #ebeef5;
}

.app-el-contaniner {
  background-color: #f0f2f5;
  overflow: hidden;
}


.router_tabs .el-tabs__header {
  padding: 0;
  /* position: relative; */
  margin: 0px 0px 0px 0px;
  background-color: #fff;
}

.router_tabs >.el-tabs__header .el-tabs__nav-scroll {
  padding-left: 15px;
}

.form_item_col {
  .flex_col();

  >.el-form-item__content {

    flex: 1;
    .flex_col();
  }
}

.el-tabs.flex_router_tabs {
  flex: 1;
  display: flex;
  flex-flow: column;

  >.el-tabs__content {
    flex: 1;
    //position: relative;

    >div.el-tab-pane {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      //height: 100%;
      //overflow: auto;
      //display: flex;
      //flex-flow: column;
    }
  }
}

.asama-system-menu {
  background-color: transparent;

  .el-menu {
    border-right: none;
    list-style: none;
    position: relative;
    margin: 0;
    padding-left: 0;
    background-color: transparent;
  }

  .el-menu-item:hover,
  .el-menu-item:focus {
    background-color: #e1ebfe;
  }

  .el-menu-item.is-active {
    //color: #FFF;
    //font-weight: bold;
    background-color: #e1ecfd;
  }

  .el-submenu__title:hover {
    background-color: #e1ebfe;
  }

  .el-submenu__title i {
    color: #333;
    margin-right: 5px;
  }

  .el-submenu__title,
  .el-menu-item,
  .el-submenu__title .menu-icon {
    color: #333;
  }

  .el-menu-item {
    //font-weight: bold;
  }

  .el-menu-item,
  .el-submenu__title {
    position: relative;
    list-style: none;
    // height: 44px;
    // line-height: 44px;
    // white-space: nowrap;
    line-height: 16px;
    word-break: break-all;
    word-wrap: anywhere;
    white-space: normal;
    margin-right: 0px;
    padding-right: 10px;
    height: auto;
    padding-right: 10px;
    padding-top: 12px;
    padding-bottom: 12px;

    display: flex;
    align-items: center;
    >span{
      padding-right: 20px;
    }
  }

  .el-submenu .el-menu-item {
    height: auto;
    // line-height: 34px;
    //padding: 0 65px;
  }

  .el-submenu__title {
    height: auto;
    // line-height: 34px;
    //font-weight: bold;
  }
}

.page-content-title {
  height: 40px;
  line-height: 40px;
  padding-left: 20px;
}

.hint_font_size {
  font-size: 12px;
}

.bold {
  font-weight: bold;
}


.dialog_button_footer {
  display: flex;
  flex-flow: row;
  justify-content: flex-end;
}

.desc_item_default {
  width: 25rem;
}

.desc_content_default {
  min-width: 20rem;
}

.page_table_image {
  width: 7rem;
  height: 7rem
}

.border_normal {
  border: 1px solid @borderColor;
}

.radius_normal {
  border-radius: 4px;
}





.el-form-item.form_item_flex_row {
  display: flex;
  margin-right: 0;
  flex-flow: row;
}

.form_item_flex_row>.el-form-item__label {
  float: left;
  display: block;
}

.form_item_flex_row>.el-form-item__content {
  // width: 100%;
  display: block;
  flex: 1;
}

.dialog_auto {
  width: auto;
  margin: 50px auto;
  max-height: 100vh;
  max-width: 100vw;
}

.el-dialog.dialog_auto {
  display: flex;
  flex-direction: column;
}

.dialog_auto>.el-dialog__body {
  overflow-y: auto;
  flex: 1;
}

@form_input_base_max_width: 7rem;
@form_item_extra_width: 7rem;

.size_class(@size, @i) {

  .el-dialog.dialog_@{size} {
    display: flex;
    flex-direction: column;
  }

  .dialog_@{size} {
    min-width: (@i) * 20rem;
    width: 15% + (@i) * 15%;
    max-height: 100vh;
    max-width: 100vw;
  }
  // @media screen and (max-width: 1024px) {
  //   .dialog_@{size} {
  //     min-width: 100vw;
  //   }
  // }
  .dialog_@{size}>.el-dialog__body {
    overflow-y: auto;
    flex: 1;
  }

  @size_max_width :@form_input_base_max_width* (@i+1);
  @formLabelWidth_varName :%("formLabelWidth_%s", @size);

  .form_item_@{size}>.el-form-item__content {
    width: @size_max_width+ @form_item_extra_width;
  }


  .form_input_@{size},
  .el-date-editor.el-input.form_input_@{size} {
    // max-width: @size_max_width;
    // min-width: 4rem+ (@i) * 4rem;
    // width: 100%;
    width: @size_max_width;

  }

  .form_@{size}_col2 {
    max-width: ((@size_max_width+ @form_item_extra_width + @formLabelWidth_default ) + 1rem) *2;
  }

  .form_@{size}_col3 {
    max-width: ((@size_max_width+ @form_item_extra_width + @formLabelWidth_default ) + 1rem) *3;
  }

}

.loop_size_class(@i) when(@i < length(@sizeList) + 1) {
  @size : extract(@sizeList, @i);
  .size_class(@size, @i);
  .loop_size_class(@i+1);
}

.loop_size_class(1);


input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

input[type="number"] {
  -moz-appearance: textfield;
}


.el-tag.el-tag--info {
  color: #606266;
}

        /* 加过渡给侧边导航 否则会有伸缩停顿的bug*/
        .el-aside {
          transition: width 0.25s;
          -webkit-transition: width 0.25s;
          -moz-transition: width 0.25s;
          -webkit-transition: width 0.25s;
          -o-transition: width 0.25s;
      }
      /*加快侧边栏文字消失的速度 否则会有伸缩停顿的bug*/
      .el-menu {
          transition: all 10ms;
        }

@media screen and (max-width: 1024px) {
  .page-container{
    .main-table-flex{
      min-height: 800px;
    }
  }
  .el-pagination{
    white-space: normal;
  }
}
